// const { config } = require("vue/types/umd");
const path = require("path"); //引入Node中的path模块
/**
 *
 * @param {String} dir 一个目录的名字
 * @returns
 */
function resolve(dir) {
  //返回一个绝对路径
  return path.resolve(dir);
}

module.exports = {
  publicPath: "./",
  lintOnSave: false, //在保存的时候不启用eslint检查代码
  devServer: {
    //开发服务器
    // port:3000,
    proxy: {
      //配置代理
      "/api": {
        target: "http://chst.vip",
        pathRewrite: {
          //路径重写
          "^/api": "",
        },
      },
    },
  },
  //chainWebpack 合并webpack选项
  chainWebpack: (config) => {
    config.resolve.alias
      //路径字符串是pages的时候，指向pages文件夹的绝对路径
      .set("pages", resolve("src/pages"))
      .set("component", resolve("src/component"))
      .set("src", resolve("src"))
      .set("~", resolve("src/pages"));
  },
};
//注：配置了vue.config.js这个文件，一定要重启服务器才能生效

//pathRewrite

//接口的真实地址:http://chst.vip:8081/data/index.json

//不重写路径，最终的解析结果:
//http://chst.vip:8081/api/data/index.json

//重写路径之后的结果:
// http://chst.vip:8081/data/index.json

//什么情况下不需要路径重写？

//假如接口地址就是:http://chst.vip:8081/api/data/index.json 不需要重写

//不一定是/api，任意字符都可以
